body{background-color: #f2f9fd;background: url(../../img/store/body_bg.png) repeat-x 0px 0px;}
form .form-group:last-child{padding-bottom: 0;}
.passcode{position: absolute;right: 0;top: 0;height: 32px;margin: 1px;border-left: solid 1px #ddd;text-align: center;line-height: 32px;border-radius: 0 4px 4px 0;}
.lefter{position: relative;float: left;width: 161px;margin-right: -161px;text-align: center;}
.righter{float: right;width: 100%;padding-top: 15px;}
.mainer{margin-left: 161px;}
.logo{border-bottom: solid 1px #b5cfd9;padding: 23px 10px;}
.admin-navbar{border-bottom: solid 8px rgba(255, 255, 255, 0);padding: 0 15px;}
.admin-nav li{display: inline-block;}
.admin-nav ul{display: none;}
.admin-nav ul li{float: none;display: block;}
.admin-nav ul ul li{list-style: circle;margin-left: 15px;}
.admin-nav .active a{background: rgba(255, 255, 255, 0.77);color: #020202;border-radius: 4px;}


.sideMenu{display: block;position: fixed;left: 0;width: 161px;margin-top: 91px;background: #2a3542;min-height: 860px;}
.sideMenu a{background: transparent;color: #999;border-radius: 0;font-size: 13px;}
.sideMenu .active{color: #7394A4;display: block;background-color: #f5f5f5;}
.sideMenu h3.on {
    color: #ff6c60;
    background: #35404d;
}
.sideMenu h3 {
    height: 32px;
    line-height: 32px;
    color: #aeb2b7;
    cursor: pointer;
    padding: 0 0 0 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: 400;
    width: 100%;
}
.sideMenu ul {
    line-height: 24px;
    color: #999;
    display: none;
    background: #35404d;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
}
.sideMenu ul li {text-decoration: none; list-style-type: none;}
.sideMenu h3.on em {
    background-position: 16px -57px;
}
.sideMenu h3 em {
    float: right;
    display: block;
    width: 40px;
    height: 32px;
    background: url(../../img/store/icoAdd.png) 16px 12px no-repeat;
    cursor: pointer;
}


.admin-nav .active .active a.selected{text-decoration: none;background: url(../../img/store/bg_position.gif) no-repeat -161px -170px;clear: left;padding: 4px 12px 4px 29px;margin: 0;}
.admin-nav .active ul li a{text-decoration: none;background: url(../../img/store/bg_position.gif) no-repeat 0 -170px;clear: left;padding: 4px 12px 4px 29px;margin: 0;}
.admin-bread{line-height: 20px;}
.admin-bread .bread{margin-bottom: 0;}
.admin-bread span{float: right;font-size: 12px;color: #666;line-height: 36px;}
.admin{
	padding: 30px;background: #fff;position: fixed;right: 0;bottom: 0;top: 91px;left: 161px;overflow: auto;min-width: 1000px;
}
.alert{margin-bottom: 20px;}
.admin-panel td{line-height: 24px;}
.admin-panel td .button{line-height: 16px;cursor: pointer;}
.admin-panel .pagination .active{background: #fff;}
/*--------自定义链接颜色(可选)--------*/
a{color: #333;text-decoration: none;}
/*链接-颜色*/a:focus,
a:hover{color: #09c;}
/*链接-悬浮颜色*//*--------自定义文本颜色--------*/.text-main,
a.text-main:link,
a.text-main:visited,
.button.border-main,
blockquote.border-main strong,
.pager.border-main a,
.pager-prev.border-main,
.pager-next.border-main,
.nav a:hover,
.nav-menu.nav-pills .active ul a:hover,
.bg-inverse .nav-menu ul a:hover,
.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,
.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,
.bg-inverse .nav.nav-menu.nav-pills ul a:hover,
.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover{color: #09c;}
/*文本-主色*/.text-sub,
a.text-sub:link,
a.text-sub:visited,
.button.border-sub,
blockquote.border-sub strong,
.pager.border-sub a,
.pager-prev.border-sub,
.pager-next.border-sub{color: #2c7;}
/*文本-辅色*/.text-back,
a.text-back:link,
a.text-back:visited,
.button.border-back,
blockquote.border-back,
.pager.border-back a,
.pager-prev.border-back,
.pager-next.border-back{color: #b5cfd9;}
/*文本-背景色*/.text-mix,
a.text-mix:link,
a.text-mix:visited,
.button.border-mix,
blockquote.border-mix,
.pager.border-mix a,
.pager-prev.border-mix,
.pager-next.border-mix{color: #5cd;}
/*文本-融合色*/.text-dot,
a.text-dot:link,
a.text-dot:visited,
.button.border-dot,
blockquote.border-dot strong,
.pager.border-dot a,
.pager-prev.border-dot,
.pager-next.border-dot{color: #f60;}
/*文本-点缀色*//*--------自定义背景色--------*/.bg-main,
.border-main .button.active,
.pointer.border-main .active,
.nav-pills.border-main .active a,
.nav-main.border-main .nav-head,
.pagination.border-main .active{background-color: #09c;}
/*背景-主色*/.bg-sub,
.border-sub .button.active,
.pointer.border-sub .active,
.nav-pills.border-sub .active a,
.nav-main.border-sub .nav-head,
.pagination.border-sub .active{background-color: #2c7;}
/*背景-辅色*/.bg-back,
.border-back .button.active,
.pointer.border-back .active,
.nav-pills.border-back .active a,
.nav-main.border-back .nav-head,
.pagination.border-back .active{background-color: #f2f9fd;}
/*背景-背景色*/.bg-mix,
.border-mix .button.active,
.pointer.border-mix .active,
.nav-pills.border-mix .active a,
.pagination.border-mix .active{background-color: #5cd;}
/*背景-融合色*/.bg-dot,
.border-dot .button.active,
.pointer.border-dot .active,
.nav-pills.border-dot .active a,
.nav-main.border-dot .nav-head,
.pagination.border-dot .active{background-color: #f60;}
/*背景-点缀色*//*--------自定义边框色--------*/.border-main,
.border-main .button,
.border-main .tab-nav li a,
.border-main .tab-body,
.button.bg-main,
.selected.border-main,
.pointer.border-main li,
.nav.border-main .active a,
.nav.nav-tabs.border-main,
.nav-main.border-main a,
.nav-main.border-main .nav-head,
.pagination.border-main li,
.pager.border-main a{border-color: #09c;}
/*边框-主色*/.border-sub,
.border-sub .button,
.border-sub .tab-nav li a,
.border-sub .tab-body,
.button.bg-sub,
.selected.border-sub,
.pointer.border-sub li,
.nav.border-sub .active a,
.nav.nav-tabs.border-sub,
.nav-main.border-sub a,
.nav-main.border-sub .nav-head,
.pagination.border-sub li,
.pager.border-sub a{border-color: #2c7;}
/*边框-背景色*/.border-mix,
.border-mix .button,
.border-mix .tab-nav li a,
.border-mix .tab-body,
.button.bg-mix,
.selected.border-mix,
.pointer.border-mix li,
.nav.border-mix .active a,
.nav.nav-tabs.border-mix,
.nav-main.border-mix a,
.nav-main.border-mix .nav-head,
.pagination.border-mix li,
.pager.border-mix a{border-color: #5cd;}
/*边框-融合色*/.border-dot,
.border-dot .button,
.border-dot .tab-nav li a,
.border-dot .tab-body,
.button.bg-dot,
.selected.border-dot,
.pointer.border-dot li,
.nav.border-dot .active a,
.nav.nav-tabs.border-dot,
.nav-main.border-dot a,
.nav-main.border-dot .nav-head,
.pagination.border-dot li,
.pager.border-dot a{border-color: #f60;}
/*边框-点缀色*//*--------自定义按钮悬浮文本、边框及背景色--------*/.button.border-main:hover,
.button.border-main:focus,
.button.bg-main:hover,
.button.bg-main:focus{color: #fff;border-color: #0ae;background-color: #0ae;}
/*主色-文本-边框-背景*/.button.border-sub:hover,
.button.border-sub:focus,
.button.bg-sub:hover,
.button.bg-sub:focus{color: #fff;border-color: #b5cfd9;background-color: #b5cfd9;}
/*配色-文本-边框-背景*/.button.border-back:hover,
.button.border-back:focus,
.button.bg-back:hover,
.button.bg-back:focus{color: #333;border-color: #def;background-color: #def;}
/*背景色-文本-边框-背景*/.button.border-mix:hover,
.button.border-mix:focus,
.button.bg-mix:hover,
.button.bg-mix:focus{color: #333;border-color: #3bc;background-color: #3bc;}
/*融合-文本色-边框-背景*/.button.border-dot:hover,
.button.border-dot:focus,
.button.bg-dot:hover,
.button.bg-dot:focus{color: #fff;border-color: #f00;background-color: #f00;}
/*点缀色-文本-边框-背景*/
.layout-header{text-align: left;width: 100%;height: 91px;position: relative;z-index: 1;zoom: 1;}

/* 图片展示样式 */
.images_zone{position:relative; width:120px;height:120px; overflow:hidden; float:left; margin:3px 5px 3px 0; background:#f0f0f0;border:5px solid #f0f0f0; }
.images_zone span{display:table-cell;text-align: center;vertical-align: middle;overflow: hidden;width: 120px;height: 120px;}
.images_zone span img{width:120px; vertical-align: middle;}
.images_zone span img.on{border: 1px solid #000}
.images_zone a{text-align:center; position:absolute;bottom:0px;left:0px;background:rgba(255,255,255,0.5); display:block;width:100%; height:20px;line-height:20px; display:none; font-size:12px;}
/* 进度条样式 */
.up_progress{width: 300px;height: 13px;font-size: 10px;line-height: 14px;overflow: hidden;background: #e6e6e6;margin: 5px 0;display:none;}
.up_progress .progress-bar{height: 13px;background: #11ae6f;float: left;color: #fff;text-align: center;width:0%;}

/******** @name 分页样式****/                    
.pages{ clear:both;padding:0; overflow: hidden;}
.pages a,.pages span{color:#777;border-radius: 4px;float: left;padding: 6px 12px;margin-left:2px;line-height: 1.42857143;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pages .current{background: #fd6600;color: #ffffff;border-color: #ff6600;}

/* 引用DuxCMS后台样式框架*/
.nav-inline>li>a{padding: 5px 7px;}

.dux-head .nav-tool{float: right;position: relative;right: 0;top: -40px;}
.dux-head .nav-tool .drop-menu{right: 0;left: auto;}
.dux-sidebar{width: 200px;position: fixed;top: 40px;bottom: 0;background-color: #eef1f8;border-left: none;border-right: none;overflow-y: auto;border-right: 1px solid #c1d1dc;}
.dux-sidebar .nav-head{padding-left: 10px;font-size: 16px;line-height: 50px;height: 50px;color: #444;font-weight: normal;}
.dux-sidebar .nav li{position: relative;}
.dux-sidebar .nav li a{padding: 10px;color: #333;}
.dux-sidebar .nav li a::before{margin-right: 5px;width: 15px;text-align: center;}
.dux-sidebar .nav li a:hover,
.dux-sidebar .nav .active a{background-color: #d9e2ec;color: #444;font-weight: normal;}
.dux-bread{position: fixed;left: 200px;top: 40px;height: 30px;line-height: 30px;right: 0;background-color: #f3f6fb;border-bottom: 1px solid #d5dade;padding: 0px 10px;padding-right: 0;}
.dux-tools{background-color: #f7f8fa;border-top: 1px solid #fff;border-bottom: 1px solid #dbe7ef;padding: 10px 20px;}
.dux-tools .button{font-size: 14px;}
.bread-head{font-size: 16px;}
.bread-head .small{font-size: 12px;padding-left: 10px;}
.dux-bread .bread{padding: 0;margin: 0;}
.dux-admin{position: fixed;left: 200px;top: 40px;right: 0;bottom: 0;overflow: hidden;background-color: #eff3f6;}
.admin-main{width: 100%;height: 100%;background-color: #eff3f6;padding: 10px;}
.dux-iframe{width: 100%;height: 100%;margin: 0;padding: 0;overflow: auto;}
@media (max-width: 759px){.dux-admin, .dux-tools, .dux-bread, .dux-sidebar{position: static !important;width: 100%;}
.dux-head{height: auto;position: relative;}
.dux-head .dux-logo{float: none;width: 100%;height: 45px;}
.dux-head .admin-nav{float: none}
.dux-head .nav-tool{display: none;}
.dux-logo .button{position: absolute;top: 5px;border: none;color: #fff;border-radius: 0;}
.dux-logo .button:hover, .dux-logo .button:focus{background-color: #0292ce}
.admin-nav-btn{left: 5px;}
.admin-menu-btn{right: 5px;}
.table-foot .float-left, .table-foot .float-right{float: none !important;}}
.dux-dashboard{}
.dux-dashboard .media-body{padding: 13px;white-space: nowrap;overflow: hidden;padding-left: 0;}
.dux-dashboard .media-body h2{font-size: 25px;}
.dux-dashboard .dashboard-head{width: 90px;height: 84px;line-height: 84px;font-size: 36px;border-radius:4px;}
.dux-page{padding-top: 0px;}
.dux-page a,
.dux-page span{margin: 0 3px;padding: 5px 10px;background-color: #FFF;border: 1px solid #ddd;}
.dux-page .current{background-color: #0ae;border-color: #0ae;color: #fff;font-weight: bold;}
/* 覆盖类*/.drop-menu{}
.table-border tr td:first-child{border-right: 3px solid #eeeeee;}
.table-border tr th:first-child{border-right: 3px solid #ffd19d;}
.table-border > tbody > tr:nth-child(odd) > td:first-child,
.table-striped > tbody > tr:nth-child(odd) > th:first-child{border-right: 3px solid #d7f2c9;}
.table thead{margin-bottom: 10px;}
.table th{border-bottom: 1px;padding: 10px 8px;background-color: #f5f5f5;}
.table td{vertical-align: middle;}
.alert{margin-bottom: 20px;}
.button.bg-main{background-color: #0081e6;border-color: #1d70d8;}
.button.bg-main:hover{background-color: #007bd8;border-color: #1d70d8;}
.alert-yellow{}
.tab .tab-body{border: 1px solid #ddd;}
/* 通用类*/.js-chart{position: relative;}
.js-chart .percent{width: 100%;position: absolute;text-align: center;display: inline-block;line-height: 60px;}
#myChart{height: 215px;}
.table-tools{padding: 10px;border-bottom: 1px solid #ddd;}
.table-foot .input{padding: 4px;height: 30px;}
.dux-box{background-color: #fff;}
.dux-panel{margin-left: -20px;margin-right: -20px;border: none;}
.dux-panel .panel-head{background-color: #eff3f6;border: none;}
.panel-body{width: 90px; float: left;}

.panel-foot {
    background-color: #f5f5f5;
    padding: 10px 15px 10px 5px;
    border-radius: 0 0 4px 4px;
    border-top: solid 1px #ddd;
    overflow: hidden;
}
.dux-tab .tab-head{padding: 0;}
.dux-tab .tab-head strong{padding: 5px 10px;line-height: normal;padding-left: 0;padding-right: 20px;}
.dux-tab .tab-nav{}
.dux-tab .tab-nav li a{border: none;background-color: none;padding: 5px 10px;line-height: normal;border-radius: 0;}
.dux-tab .tab-nav .active a{background-color: #0081e6;color: #fff;}
.dux-tab .tab-body{border: none;padding: 20px;}
.dux-form{}
.dux-form .form-group{padding-bottom: 20px;}
.dux-form .form-group .label label{font-weight: normal;}
@media (min-width: 760px){.dux-form .form-group .label{padding-right: 20px;}}
.dux-multi-image .sortable-placeholder{display: inline-block;width: 110px;height: 147px;border: 1px dashed #ccc;margin-right: 15px;}
.dux-multi-image .sortable-dragging{display: inline-block;}
.dux-multi-image .media{background-color: #f1f1f1;border: 1px solid #ddd;padding: 5px;}
.dux-multi-image .media img{width: 100px;height: 100px;}
.dux-multi-image .media .input{width: 100px;}

.dux-tab .tab-head strong {
    padding: 5px 10px;
    line-height: normal;
    padding-left: 0;
    padding-right: 20px;
}
